{{ template "header.html" }}

<label for="text">
    <textarea name="" id="text" cols="30" rows="10" style="width: 48%; height: 80%"># Hello World
hello world</textarea>
</label>
<div id="content" style="width: 50%; height: 80%; float: right; padding-left: 2%"></div>
<script>
    document.getElementById('content').innerHTML = marked.parse($('#text').val());
    $('#text').bind('input propertychange', function () {
        var text = $('#text').val()
        document.getElementById('content').innerHTML = marked.parse(text);
    })
</script>

{{ template "footer.html" }}
